/* component/room-monitoring-new/index.wxss */
/* component/room-monitoring/index.wxss */
.container {
  .top {
    button {
      width: 100rpx;
      border-radius: 20rpx;
    }
    input {
      border: 1px solid #e9f2ff;
      background: #e9f2ff;
      border-radius: 15rpx;
      height: 50rpx;
    }
  }
  .bottom {
    .building {
    //   width: 710rpx;
      height: 145rpx;
      background: #ffffff;
      box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(4, 28, 63, 0.1);
      border-radius: 20rpx;
      padding:10rpx 25rpx 10rpx 25rpx;
      display: flex;
      flex-direction:column;
        justify-content: space-around;
      .building-top{
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          .building-top-left{
              display: flex;
              align-items: center;
          }
      }
      .line{
          height: 1px;
          background: rgba(237, 244, 254, 1);
      }
      .building-bottom{
          display: flex;
          align-items: center;
          justify-content: flex-end;
      }
    }
  }
}
.temp-color-1{
    color:rgba(30, 159, 255, 1);
}
.temp-color-2{
    color:rgba(240, 111, 105, 1);
}
.temp-color-3{
    color:rgba(0, 255, 246, 1)
}
.temp-color-4{
    color:rgba(42, 216, 86, 1)
}
.temp-color-5{
    color:rgba(255, 184, 0, 1)
}
.temp-color-6{
    color:rgba(225, 7, 0, 1)
}